<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description" content="Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template">
    <meta name="keywords" content="bootstrap, responsive, multipurpose, business, corporate, product, product launch, creative, landing page, marketing, software">
    <meta name="author" content="setblue">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title -->
    <title>itotek | Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template</title>



    <!-- Animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">

    <!-- Slick CSS -->
    <link rel="stylesheet" href="static/css/slick.css">

    <!-- Google Fonts -->
    <link rel="stylesheet" href="static/css/css.css" type="text/css">

    <!-- Line Icons CSS -->
    <link rel="stylesheet" href="static/css/LineIcons.css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="static/css/style.css">

</head>

<body>
    <!-- Preloader Start -->
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- Preloader Ends -->
    <!-- Navbar Start -->
    <div class="navbar-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- navbar -->
                    <nav class="one-page navbar navbar-expand-lg">
                        <a class="navbar-brand" href="#">
                            <img src="static/picture/logo.svg" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTwo" aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item active"><a class="page-scroll" href="#home">home</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#services">Services</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#about">About Us</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#pricing">Pricing</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#team">Team</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#faq">FAQ's</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#contact">Contact Us</a></li>
                            </ul>
                        </div>

                        <div class="navbar-btn d-none d-sm-inline-block">
                            <ul>
                                <li><a class="solid" href="#">Download</a></li>
                            </ul>
                        </div>
                    </nav> 
                    <!-- navbar -->
                </div>
            </div>
        </div> <!-- container -->
    </div>
    <!-- Navbar Ends -->
    <!-- home Start -->
    <section id="home" class="home_area">
        <div class="home-content">
            <div class="container">
                <div class="row no-gutters align-items-center">
                    <div class="col-lg-5">
                        <div class="wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1s">
                            <h1 class="title">Business is Now Digital</h1>
                            <p class="text">We blend insights and strategy to create digital products for forward-thinking organisations.</p>
                            <div class="mt-4"><a class="main-btn" href="#">Download</a></div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1s"><img src="static/picture/banner-image.png" alt="banner-image"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="scroll-next">
            <a href="#services" class="page-scroll"><img src="static/picture/down-arrow.png" class="img-fluid" alt=""></a>
        </div>
        <div id="particles-1" class="particles"></div>
    </section>
    <!-- home Ends -->
    <!-- Services Start -->
    <section id="services" class="section bg-light">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>Business Services</h2>
                    <p class="section_subtitle mx-auto">We serve small and medium sized companies in all tech related industries with high quality growth services which are presented below</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="services wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1.5s">
                        <div class="services-title-icon d-flex">
                            <div class="services-icon">
                                <i class="lni lni-brush"></i>
                            </div>
                            <h4 class="services-title">Unique<br>UI/UX Design</h4>
                        </div>
                        <div class="services-content">
                            <p class="text">Short description for the ones who look for something new. Short description for the ones who look for something new.</p>
                            <a class="services-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="services wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1.5s">
                        <div class="services-title-icon d-flex">
                            <div class="services-icon">
                                <i class="lni lni-layout"></i>
                            </div>
                            <h4 class="services-title">Theme<br> Development</h4>
                        </div>
                        <div class="services-content">
                            <p class="text">Short description for the ones who look for something new. Short description for the ones who look for something new.</p>
                            <a class="services-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="services wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1.5s">
                        <div class="services-title-icon d-flex">
                            <div class="services-icon">
                                <i class="lni lni-bolt"></i>
                            </div>
                            <h4 class="services-title">Digital<br>Marketing</h4>
                        </div>
                        <div class="services-content">
                            <p class="text">Short description for the ones who look for something new. Short description for the ones who look for something new.</p>
                            <a class="services-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="services wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="1.5s">
                        <div class="services-title-icon d-flex">
                            <div class="services-icon">
                                <i class="lni lni-rocket"></i>
                            </div>
                            <h4 class="services-title">Website<br>Design</h4>
                        </div>
                        <div class="services-content">
                            <p class="text">Short description for the ones who look for something new. Short description for the ones who look for something new.</p>
                            <a class="services-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="services wow fadeInUp" data-wow-delay="1s" data-wow-duration="1.5s">
                        <div class="services-title-icon d-flex">
                            <div class="services-icon">
                                <i class="lni lni-layers"></i>
                            </div>
                            <h4 class="services-title">Responsive<br>Design</h4>
                        </div>
                        <div class="services-content">
                            <p class="text">Short description for the ones who look for something new. Short description for the ones who look for something new.</p>
                            <a class="services-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="services wow fadeInUp" data-wow-delay="1.2s" data-wow-duration="1.5s">
                        <div class="services-title-icon d-flex">
                            <div class="services-icon">
                                <i class="lni lni-envelope"></i>
                            </div>
                            <h4 class="services-title">Quick<br>Support</h4>
                        </div>
                        <div class="services-content">
                            <p class="text">Short description for the ones who look for something new. Short description for the ones who look for something new.</p>
                            <a class="services-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- container -->
    </section>
    <!-- Services Ends -->
    <!-- About Start -->
    <section id="about" class="section">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>About Us</h2>
                    <p class="section_subtitle mx-auto">dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. this dolor sit amet.</p>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeInLeftBig;">
                        <h4>Modern design with Essential Features</h4>
                        <p class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, seiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
                        <div class="mt-4 text-left">
                            <a class="white-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-image text-center wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeInRightBig;">
                        <img src="static/picture/about1.svg" alt="about">
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-image text-center wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeInRightBig;">
                        <img src="static/picture/about2.svg" alt="about">
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeInLeftBig;">

                        <h4>Modern design with Essential Features</h4>
                        <p class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, seiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
                        <div class="mt-4 text-left">
                            <a class="white-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
    <!-- About Ends -->
    <!-- Prinicng Start -->
    <section id="pricing" class="section bg-light">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>Our Pricing</h2>
                    <p class="section_subtitle mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-pricing mt-4 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1.5s">
                        <div class="pricing-header text-center">
                            <h5 class="sub-title">Starter</h5>
                            <span class="price">$ 199</span>
                            <p class="year">per year</p>
                        </div>
                        <div class="pricing-list mt-4">
                            <ul>
                                <li><i class="lni lni-arrow-right-circle"></i> Carefully crafted components</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Amazing page examples</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Super friendly support team</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Awesome Support</li>
                            </ul>
                        </div>
                        <div class="mt-4 text-center">
                            <a class="white-btn" href="#">Get Started</a>
                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-pricing pro mt-4 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1.5s">
                        <div class="pricing-header text-center">
                            <h5 class="sub-title">Proffesional</h5>
                            <span class="price">$ 399</span>
                            <p class="year">per year</p>
                        </div>
                        <div class="pricing-list mt-4">
                            <ul>
                                <li><i class="lni lni-arrow-right-circle"></i> Carefully crafted components</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Amazing page examples</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Super friendly support team</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Awesome Support</li>
                            </ul>
                        </div>
                        <div class="mt-4 text-center">
                            <a class="white-btn" href="#">Get Started</a>
                        </div>

                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-pricing mt-4 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="1.5s">
                        <div class="pricing-header text-center">
                            <h5 class="sub-title">Business</h5>
                            <span class="price">$ 799</span>
                            <p class="year">per year</p>
                        </div>
                        <div class="pricing-list mt-4">
                            <ul>
                                <li><i class="lni lni-arrow-right-circle"></i> Carefully crafted components</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Amazing page examples</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Super friendly support team</li>
                                <li><i class="lni lni-arrow-right-circle"></i> Awesome Support</li>
                            </ul>
                        </div>
                        <div class="mt-4 text-center">
                            <a class="white-btn" href="#">Get Started</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Prinicng Ends -->
    <!-- Team Start -->
    <section id="team" class="section">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>Meet The Team</h2>
                    <p class="section_subtitle mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s; animation-name: fadeIn;">
                        <div class="team-image">
                            <img src="static/picture/team-2.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Elon Musk</a></h5>
                            <p class="text">Sr. Software Engineer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        <div class="team-image">
                            <img src="static/picture/team-1.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Isabela Moreira</a></h5>
                            <p class="text">Founder and CEO</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.8s; animation-name: fadeIn;">
                        <div class="team-image">
                            <img src="static/picture/team-3.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Fiona Smith</a></h5>
                            <p class="text">Business Development Manager</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Team Ends -->
    <!-- Testimonial Start -->
    <section id="testimonial" class="section testimonial-area">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2 class="text-white">What Clients Says</h2>
                    <p class="section_subtitle mx-auto text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>

            <div class="row testimonial-active">
                <div class="col-lg-4">
                    <div class="single-testimonial wow fadeInUpBig" data-wow-duration="1s" data-wow-delay="0.2s">
                        <div class="testimonial-review d-flex align-items-center justify-content-between">
                            <div class="quota">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="star">
                                <ul>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-4">
                            <p class="text">Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu eirmod tempor invidunt labore.Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu.</p>
                        </div>
                        <div class="mt-4 mb-4 d-flex align-items-center">
                            <div class="author-image">
                                <img src="static/picture/author-1.jpg" alt="author">
                            </div>
                            <div class="author-content ml-20">
                                <h6 class="holder-name">Jenny Deo</h6>
                                <p class="text">CEO, SpaceX</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-testimonial wow fadeInUpBig" data-wow-duration="1s" data-wow-delay="0.2s">
                        <div class="testimonial-review d-flex align-items-center justify-content-between">
                            <div class="quota">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="star">
                                <ul>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-4">
                            <p class="text">Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu eirmod tempor invidunt labore.Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu.</p>
                        </div>
                        <div class="mt-4 mb-4 d-flex align-items-center">
                            <div class="author-image">
                                <img src="static/picture/author-2.jpg" alt="author">
                            </div>
                            <div class="author-content ml-20">
                                <h6 class="holder-name">Fajar Siddiq</h6>
                                <p class="text">COO, MakerFlix</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-testimonial wow fadeInUpBig" data-wow-duration="1s" data-wow-delay="0.2s">
                        <div class="testimonial-review d-flex align-items-center justify-content-between">
                            <div class="quota">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="star">
                                <ul>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-4">
                            <p class="text">Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu eirmod tempor invidunt labore.Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu.</p>
                        </div>
                        <div class="mt-4 mb-4 d-flex align-items-center">
                            <div class="author-image">
                                <img src="static/picture/author-3.jpg" alt="author">
                            </div>
                            <div class="author-content ml-20">
                                <h6 class="holder-name">Marjin Otte</h6>
                                <p class="text">UX Specialist, Yoast</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-testimonial wow fadeInUpBig" data-wow-duration="1s" data-wow-delay="0.2s">
                        <div class="testimonial-review d-flex align-items-center justify-content-between">
                            <div class="quota">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="star">
                                <ul>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                    <li><i class="lni lni-star-filled"></i></li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-4">
                            <p class="text">Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu eirmod tempor invidunt labore.Lorem ipsum dolor sit amet,consetetur sadipscing elitr, seddiam nonu.</p>
                        </div>
                        <div class="mt-4 mb-4 d-flex align-items-center">
                            <div class="author-image">
                                <img src="static/picture/author-1.jpg" alt="author">
                            </div>
                            <div class="author-content ml-20">
                                <h6 class="holder-name">David Smith</h6>
                                <p class="text">CTO, Alphabet</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testimonial Ends -->
    <!-- Faq's Part Start -->
    <section id="faq" class="section faq-area">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>Frequently Asked</h2>
                    <p class="section_subtitle mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="faq-content wow fadeInLeft" data-wow-delay="0.3s" data-wow-duration="1000ms">
                        <div class="faq-accordion">
                            <div class="accordion" id="accordionExample">
                                <div class="card">
                                    <div class="card-header" id="headingOne">
                                        <a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Frequently Asked Question One</a>
                                    </div>
                                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingTwo">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Frequently Asked Question Two</a>
                                    </div>
                                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingThree">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Frequently Asked Question Three</a>
                                    </div>
                                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingFore">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseFore" aria-expanded="false" aria-controls="collapseFore">Frequently Asked Question Four</a>
                                    </div>
                                    <div id="collapseFore" class="collapse" aria-labelledby="headingFore" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                                <div class="card">
                                    <div class="card-header" id="headingFive">
                                        <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">Frequently Asked Question Five</a>
                                    </div>
                                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
                                        <div class="card-body">
                                            <p class="text">Morbi vehicula arcu et pellentesque tincidunt. Nunc ligula nulla, lobortis a elementum non, vulputate ut arcu. Aliquam erat volutpat. Nullam lacinia felis.</p>
                                        </div>
                                    </div>
                                </div> <!-- card -->
                            </div>
                        </div> <!-- faq accordion -->
                    </div> <!-- faq content -->
                </div>
                <div class="col-lg-6">
                    <div class="faq-image mt-4 wow fadeInRight" data-wow-delay="0.2" data-wow-duration="1000ms">
                        <img src="static/picture/faq.svg" class="" alt="faq">
                    </div> <!-- faq image -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>
    <!-- Faq's Ends -->
    <!-- Contact Start -->
    <section id="contact" class="section">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>Need Help? Say Hello</h2>
                    <p class="section_subtitle mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>

            <div class="contact-info pt-4 pb-4">
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <div class="single-contact-info contact-color-1 d-flex ">
                            <div class="contact-info-icon">
                                <i class="lni lni-map-marker"></i>
                            </div>
                            <div class="contact-info-content media-body">
                                <p class="text"> Elizabeth St, Melbourne<br>1202 Australia.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <div class="single-contact-info contact-color-2 d-flex ">
                            <div class="contact-info-icon">
                                <i class="lni lni-envelope"></i>
                            </div>
                            <div class="contact-info-content media-body">
                                <p class="text">info@example.com</p>
                                <p class="text">info@example.com</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <div class="single-contact-info contact-color-3 d-flex ">
                            <div class="contact-info-icon">
                                <i class="lni lni-phone"></i>
                            </div>
                            <div class="contact-info-content media-body">
                                <p class="text">+333 789-321-654</p>
                                <p class="text">+333 985-458-609</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6">
                    <div class="contact-form wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="1000ms">
                        <form id="contact-form">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="single-form form-group">
                                        <input type="text" name="name" placeholder="Your Name" data-error="Name is required." required="required">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-form form-group">
                                        <input type="email" name="email" placeholder="Your Email" data-error="Valid email is required." required="required">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="single-form form-group">
                                        <input type="text" name="subject" placeholder="Subject" data-error="Subject is required." required="required">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="single-form form-group">
                                        <input type="text" name="phone" placeholder="Phone" data-error="Phone is required." required="required">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="single-form form-group">
                                        <textarea placeholder="Your Mesaage" name="message" data-error="Please, leave us a message." required="required"></textarea>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="single-form form-group text-center">
                                        <button type="submit" class="main-btn">Send Message</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="mt-4 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="1000ms">
                        <iframe class="map" src="javascript:;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                    </div>
                </div>
            </div>


        </div>
    </section>
    <!-- Contact Ends -->
    <!-- Brands Start -->
    <div class="brand-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="brand-logo d-flex align-items-center justify-content-center justify-content-md-between">
                        <div class="single-logo wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                            <img src="static/picture/brand-1.png" alt="brand">
                        </div>
                        <div class="single-logo wow fadeIn" data-wow-duration="1.5s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeIn;">
                            <img src="static/picture/brand-2.png" alt="brand">
                        </div>
                        <div class="single-logo wow fadeIn" data-wow-duration="1.5s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.3s; animation-name: fadeIn;">
                            <img src="static/picture/brand-3.png" alt="brand">
                        </div>
                        <div class="single-logo wow fadeIn" data-wow-duration="1.5s" data-wow-delay="0.4s" style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.4s; animation-name: fadeIn;">
                            <img src="static/picture/brand-4.png" alt="brand">
                        </div>
                        <div class="single-logo wow fadeIn" data-wow-duration="1.5s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.5s; animation-name: fadeIn;">
                            <img src="static/picture/brand-5.png" alt="brand">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Brands Ends -->
    <!-- Footer Start -->
    <footer id="footer" class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="footer-logo text-center">
                        <a href="index.html"><img src="static/picture/logo.svg" alt="Logo"></a>
                    </div>

                    <div class="footer-support text-center mt-4">
                        <span>+8801234567890</span>
                        <span>support@uideck.com</span>
                    </div>

                    <ul class="social text-center mt-4">
                        <li><a href="javascript:;"><i class="lni lni-facebook-filled"></i></a></li>
                        <li><a href="javascript:;"><i class="lni lni-twitter-original"></i></a></li>
                        <li><a href="javascript:;"><i class="lni lni-instagram-original"></i></a></li>
                        <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                    </ul>
                </div>

                <div class="col-lg-12">
                    <div class="copyright text-center mt-4">
                        <p class="text">2020 © itotek. Design by Setblue.</p>
                    </div>
                </div>


            </div>
        </div>
        <div id="particles-2"></div>
    </footer>
    <!-- Footer Ends -->
    <!-- Back Top Top Start -->
    <a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>
    <!-- Back Top Top Ends -->
    <!-- Jquery js -->
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/modernizr-3.7.1.min.js"></script>

    <!-- Bootstrap js -->
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>

    <!-- Slick js -->
    <script src="static/js/slick.min.js"></script>

    <!-- wow js -->
    <script src="static/js/wow.min.js"></script>

    <!-- Particles js -->
    <script src="static/js/particles.min.js"></script>

    <!-- Main js -->
    <script src="static/js/main.js"></script>

</body>
</html>